<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
    
    <!-- iOS Safari 优化 -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="温馨提示">
    
    <!-- Android Chrome 优化 -->
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#667eea">
    
    <!-- 防止自动电话号码识别 -->
    <meta name="format-detection" content="telephone=no">
    
    <!-- 页面描述 -->
    <meta name="description" content="充满爱意的温馨提示卡片">
    
    <!-- 性能优化 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    
    <title>love</title>
    <link rel="stylesheet" href="style.css">
    
    <!-- PWA支持 -->
    <link rel="manifest" href="manifest.json">
</head>
<body>
    <!-- 启动界面 -->
    <div class="start-screen" id="startScreen">
        <div class="start-content">
            <div class="start-icon">💝</div>
            <h1 class="start-title">温馨提示</h1>
            <p class="start-subtitle">为你准备了一些小惊喜</p>
            <button class="start-button" id="startButton">
                <span class="button-icon">▶</span>
                <span class="button-text">点击开始</span>
            </button>
        </div>
    </div>
    
    <div class="container">
        <div class="cards-wrapper" id="cardsWrapper"></div>
    </div>
    <audio id="bgMusic" loop>
        <source src="MP3/123.mp3" type="audio/mpeg">
    </audio>
    <script src="messages.js"></script>
    <script src="script.js"></script>
</body>
</html>

